<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 1. 文本修饰标签-对文本进行加粗 ： strong -->

  <strong>这是一个需要强调的文本</strong>

  <!-- 文本修饰标签- 文本会斜体 -->
  <em>这时一个需要强调的文本</em>

  <!-- 2. 上标文本和下标文本  下标： sub  上标：sup   -->
    <p>
      <!-- 2.1 上标 -->
      a <sup>2</sup> + b <sup>2</sup> = c <sup>2</sup>
      <!-- 2.2 下标 -->
      H <sub>2</sub> O
    </p>
  <p>
    <!--3. 删除文本： del   插入文本: ins ，效果就是下划线 -->
    促销：原价<del>300</del>,现价：<ins>100</ins>
  </p>
    

</body>
</html>